.navbar-css{
    background-color: #E1E1E1 !important;
    color: #3076BC !important;
    .nav-css ul li a{
        background-color: #3076BC !important;
    }
    ul li a h6{
        color: white !important;
    }
}


.active {
    background-color: #ECB632 !important;
    color: white !important;
    border-radius: 4px !important;
}

.nav-css ul li a:hover{
    /* background-color: #F6DE9D !important;
    color: #383838 !important;
    border-radius: 4px;
   h6{
        color: #383838 !important;
    } */
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2), 0 10px 30px 0 rgba(0, 0, 0, 0.19) !important;
}


.card1:hover{
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2), 0 10px 30px 0 rgba(0, 0, 0, 0.19) !important;
    
    /* background-color: #EE1683 !important;
    color: white !important; */
    .btn{
        background-color: #383838; 
    color: #F6DE9D !important; 
    border:0px;
    }
}

.card1 .btn:hover{
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2), 0 10px 30px 0 rgba(0, 0, 0, 0.19) !important;
}



.card-body .btn-card {
    background-color: #383838; 
    color: #F6DE9D !important; 
    border:0px;
}


.cover-image {
    background-image: url("../../assets/img/cover.jpg") !important;
    height: 100%;

    margin-top: 4% !important;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}